<script>
export default {
  name: 'FlexibilityAnalysis'
}
</script>

<template>
  <div>
    <h2>03、柔性度情况分析</h2>
    <div class="content">
      <table style="width: 80%; margin: 0 5%">
        <thead>
        <tr>
          <th>数据时间</th>
          <th>照明(kw)</th>
          <th>充电桩(kw)</th>
          <th>热储(kw)</th>
          <th>储能(kw)</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td>2024-12-01</td>
          <td>100</td>
          <td>100</td>
          <td>30</td>
          <td>30</td>
        </tr>
        </tbody>
      </table>
      <div class="desc">
        <p>
          展示和分析在时间段内不同设备类型的柔性度表现，了解不同设备类型对于不同负荷需求的适应能力和响应速度。项目1在2022年01月02日-2022年01月06日中，照明柔性度总量为1000kw，其中2022-01月02日的照明柔性度最高，为
          300kw;2022-01月04日照明柔性度最低，为 100kgce。充电桩柔性度总量为1000kgce，其中2022-01月02日的充电桩柔性度最高，为
          300kw;2022-01月04日充电桩柔性度最低，为 100kgce。热储柔性度总量为1000kgce，其中2022-01月02日的热储柔性度最高，为
          300kw;2022-01月04日热储柔性度最低，为 100kgce。储能柔性度总量为1000kgce，其中2022-01月02日的储能柔性度最高，为
          300kw;2022-01月04日储能柔性度最低，为 100kgce。
        </p>
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">

.content {
  margin: 0 5%;

  table {
    border-collapse: collapse;
    width: 60%;
    margin: 0 10%;
    font-size: 16px;
    font-weight: 500;

    th {
      border: 1px solid rgba(0, 0, 0, 0.6);
      padding: 6px 10px;
      background-color: rgb(2, 149, 144);
      text-align: center;
    }

    td {
      border: 1px solid #000000;
      padding: 6px 10px;
      text-align: center;
    }
  }

  p {
    text-indent: 2em;
    line-height: 28px;
  }
}
</style>
